@import './base.less';


html {
  overflow: auto;
}

body {
  // 打开滚动条固定显示
  overflow-y: scroll;

}

.logo {
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 20px;

  div{
    width: 40px;
    height: 36px;
    // background: url('../imgs/logo.svg') center center no-repeat;
    // background-size: cover;
    animation: logoRotate 6s linear 0s infinite normal running none;

    &:hover{
      animation-play-state: paused;
    }
  }
}


/* search-form */
.ant-form.search-form {
  padding-bottom: 20px;

  .ant-form-item{
    margin-bottom: 12px;
  }

  .search-btn-w{
    text-align: right;
    
    .ant-btn{
      margin-left: 8px;
    }
  }
}

/* table-list */
.table-list{
   .textflow(@i) when(@i > 0) {
    .textflow-@{i} {
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: @i;
      -webkit-box-orient: vertical;
    }
    .textflow((@i-1));
}
  .textflow(10);
  .ant-table-thead > tr > th{
    padding: 10px;
  }
  .ant-table-tbody > tr > td{
    padding: 0 6px;
   }

}

/* row-flex */

.large-modal {
  width: 80% !important;
  
  .row{
    display: flex;
    padding-bottom: 10px;

    &>div{
      word-break: break-all;

      &:first-child{
        min-width: 100px
      }
    }
  }
}

/* user-menu */
.user-menu{
  div{
    padding: 4px 0;
    cursor: pointer;
    border-bottom: 1px solid #eee;

    &:last-child{
      border-bottom: none;
    }
  }
}

/* editor-wrap */
.editor-wrap{
  position: relative;

  .editor-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(245,245,245,0.5)
  }
}

/* trend-table-list */
.trend-table-list{
  th,td{
    padding: 0 !important;
    font-size: 12px
  }
}
.rules-table{
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;

  tr:nth-child(-n+2){
    background-color: #eee;
  }

  td{
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

  .ball{
    width: 14px;
    height: 14px;
    border-radius: 14px;
    margin-right: 4px;
    display: inline-block
  }
  .red{
    background-color: #f54646
  }
  .blue{
    background-color: #3399ff
  }
}

/* chart-w */
.chart-w{
  height: 400px;
  border: 1px solid #eee;
}
/**幻灯片样式**/
.ant-carousel .slick-dots li.slick-active button{
  background:#000!important
}
.ant-carousel .slick-dots li button{
  background:#000!important
}